@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: r(100);
  background: white;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #ebebeb;
  top: 2.2rem;
  bottom: 0;
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: 1.5rem;
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
  .whole .img1 {
    float: left;
    display: block;
    width: 6.11%;
    height:100%; 
    }
 img {
      width: 100%;
      height: 100%; }

.search {
    width: r(118);
    height: r(26); 
    color: #999999;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
    width: 60%;
    margin: 0 auto;
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}

.attestation{
    width: 100%;
    height: r(65);
    padding-left: r(20);
    line-height: r(65);
    font-size: r(23);
    border-top:r(1) solid #c1c1c1 ;
    border-bottom:r(1) solid #c1c1c1 ;
}
.shop{
    width: 100%;
    height: r(83);
    background: white;
    margin-top:r(20) ;
    border-top:r(1) solid #dedede ;
    border-bottom: r(1) solid #dedede ;
    font-size: r(27);
    line-height: r(83);
    padding: 0 r(20) 0 r(20);
     color: #707070;
    .edit{
       padding-left:r(68) ;
    }
    a{
         color: #707070;
    }
}
.Discount{
    width: 100%;
    height: r(90);
    background: white;
    padding: 0 r(20) 0 r(75);
    line-height: r(90);
    .Reduction{
        width: r(70);
        height: r(30);
        background:#d62d31 ;
        color:white;
        font-size: r(24);
        text-align: center;
        line-height: r(30);
        margin-right: r(24);
         margin-top: r(31);
         
    }
    .Reduction_one{
        font-size: r(26);
        color: #333333;
       padding-right: r(100);
    }
    .Reduction_two{
        width: r(18);
        height: r(30);
    }
}
.apple{
    height: 100%;
    width: 100%;
    background: white;
    padding-left: r(20);
    .apple_one{
        height: r(270);
        width: 100%;  
        border-bottom:r(1) solid #dedede ;
        .Choice{
            width: r(35);
            height: r(35);
            border-radius:50% ;
            border: r(1) solid #dfdfdf;
            margin-top: r(46);
        }
      .apple_two{
          width: r(180);
          height: r(180);
          margin: 0 r(20) 0 r(22);
      }  
      .number{
          font-size: r(28);
      }
      .color{
          font-size: r(23);
          color: #dadada;
          padding-top: r(16);
      }
      .Price{
          padding-top: r(25);
          color: #d62d31;
          font-size: r(25);
      }
    }
}
